<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>编辑个人资料</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/plugins/iosselect/iosselect.css">
    <link rel="stylesheet" href="/css/happyi/userEdit.min.css?v=<%=$version%>">
</head>
<body>
<div id="userEdit" v-cloak>
    <div class="circleBar-top">
        <span class="goback" @click="getBack()"></span>
        编辑个人资料
        <strong class="seeIndex-setUp" @click="updateUserData()">保存</strong>
    </div>
    <div class="userEdit">
        <div class="userEdit-list">昵称<input class="happyi-left list-text" type="text" maxlength="10" v-model="list.nickname" :value="userInfo.nickname"/></div>
        <div class="userEdit-list">性别<a class="happyi-left" @click="getSelectOther(4)">{{{"1":"男","2":"女"}[""+list.sex]}}</a></div>
        <div class="userEdit-list">年龄<a class="happyi-left" @click="getSelectOther(1)">{{list.age}}<span v-if="list.age">岁</span></a></div>
        <div class="userEdit-list">星座<a class="happyi-left" @click="getSelect(4)">{{listName.constellationName}}</a></div>
        <div class="userEdit-list">身高<a class="happyi-left" @click="getSelectOther(2)">{{list.height}}
                <!--<span v-if="list.height">CM</span>-->
            </a></div>
        <div class="userEdit-list">体重<a class="happyi-left" @click="getSelectOther(3)">{{list.weight}}
                <!--<span v-if="list.weight">kg</span>-->
            </a></div>
        <div class="userEdit-list">学历<a class="happyi-left" @click="getSelect(1)">{{listName.educationName}}</a></div>
        <div class="userEdit-list">职业<a class="happyi-left" @click="getIsScreen(2)">{{userInfo.occupation}}</a></div>
        <div class="userEdit-list">月收入<a class="happyi-left" @click="getSelect(2)">{{listName.monthlyIncomeName}}</a></div>
        <div class="userEdit-list">居住地<a class="happyi-left" @click="getIsScreen(1)">{{userInfo.locatedName}}</a></div>
        <div class="userEdit-list">情感状态<a class="happyi-left" @click="getSelect(3)">{{listName.maritalName}}</a></div>
        <div class="userEdit-list">兴趣爱好<input class="happyi-left list-text" type="text" maxlength="200" v-model="list.hobby" :value="userInfo.hobby"/></div>
    </div>
    <div class="provingMode">
        <!--<div class="mask-title"><span>取消</span><strong>确定</strong></div>-->
        <!--<div class=""></div>-->
    </div>
    <div id="mask1" @click="getIsScreen()" :class="{'maskShow':isScreen}"></div>
    <div id="screen" :class="{'maskShow':isScreen}">
        <template v-if="isScreen==1">
            <city-Choice :message="message" @choice="choiceList" @close="getIsScreen()"></city-Choice>
        </template>
        <template v-if="isScreen==2">
            <div class="screen-title">选择职位类别</div>
            <div class="position-category clearfix">
                <div class="chooseCity-province">
                    <span v-for="item in dataInfo.recruitIndustrys" :class="{active:item.parentId==initId1}" @click="recruitCategorys(item.parentId,1)">{{item.name}}</span>
                </div>
                <div class="chooseCity-city">
                    <span v-for="item in rCategorys" :class="{active:item.id==initId2}" @click="recruitCategorys(item.id,2)">{{item.name}}</span>
                </div>
                <div class="chooseCity-area">
                    <span v-for="item in rCategorys1" @click="getOccupation(item.name)">{{item.name}}</span>
                </div>
            </div>
        </template>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/plugins/iosselect/iosSelect.js"></script>
<!--<script type="text/javascript" src="/plugins/localResize/mobileFix.mini.js"></script>-->
<!--<script type="text/javascript" src="/plugins/localResize/exif.js"></script>-->
<!--<script type="text/javascript" src="/plugins/localResize/lrz.js"></script>-->
<script type="text/javascript" src="/js/happyi/userEdit.js?v=<%=$version%>"></script>
</body>
</html>